<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" >
    <title>华为商城VMALL-华为手机、笔记本、平板、穿戴、官网正品保障</title>
    <link rel="shortcut icon" href="https://www.vmall.com/favicon.ico">
    <link rel="stylesheet" href="../static/stylesheets/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="../static/stylesheets/swiper.css">
</head>
<body> 
    <!-- 头部导航栏 -->
    <div class="h-above">
        <img src="https://res.vmallres.com/uomcdn/CN/cms/202108/E5C07BE4DC8BD1C204441C25B98BAC27.png.webp" alt="">
        <button id="above-btn">×</button>
    </div> 
    @@include('./template/header.html')
    <nav> 
        <div class="bancen">
            <div class="h-nav-left">
                <img src="" alt="">
            </div>
            <div class="h-nav-middle">
                <ul>
                    <li>华为专区</li>
                    <li>全球甄选</li>
                    <li>智能家居</li>
                    <li>HarmonyOS</li>
                    <li>鸿蒙智联</li>
                    <li>华为智选</li>
                </ul>
            </div>
            <div class="h-nav-right">
                <img class="right-img" src="../static/img/search.png" alt="">
                <div class="search">
                    <img src="../static/img/search.png" alt="">
                    <input type="text" name="" id="search-inp" autocomplete="off" placeholder="搜索商品">
                    <button id="search-btn">×</button>
                </div>
            </div>
        </div>
    </nav>

    <!-- 轮播图 -->
    <div class="swiper">
        <!-- search的模糊搜索位置 -->
        <div class="vague">
            <h5>搜索发现</h5>
            <div class="search-select">
                <div>mate40</div>
                <div>剃须刀</div>
                <div>智慧屏超品日</div>
                <div>nova 8</div>
                <div>mate40</div>
                <div>剃须刀</div>
                <div>智慧屏超品日</div>
                <div>nova 8</div>
                <div>智慧屏超品日</div>
                <div>nova 8</div>
                <div>mate40</div>
                <div>剃须刀</div>
            </div>
        </div>
        <!-- 轮播图继续 -->
        <div class="swiper-container container1">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202109/D1CE2E3A6F17579AC2944AA52DD60BC3.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202109/47CE4D29368F6C86203560E403852D45.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202108/C5992F144EE88F91A1E2A5067BFBEFFD.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202108/C5992F144EE88F91A1E2A5067BFBEFFD.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202108/816085853AD8B1D58DD5D2A5CCFC2EE1.png.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202109/40F76D65023B2BC58049A2A32CAF41C4.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202108/FA8D4A6BC2A741AE59137BFA8636FE64.jpg.webp" alt=""></div>
            </div>
            <div class="bancen" style="position: relative;">
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-pagination" id="swiper-pagination"></div>
            </div>
        </div>
        <!-- 轮播图类品展示 -->
        <div class="selector banner">
            <div class="swiper-selector">
                <ul>
                    <li>手机<span>></span>
                        <div class="box-fix">
                            <div class="box clear">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/93D89B71BFEB8551AB20F238E0415157.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202108/F9479C6E6C946F129FF08B3C13574FC5.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/5DBB8864E50111632B3F91D7885EACC8.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/38398EE56B4FE8DA504851811DF22E4F.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202108/FFFC583DF0D62696F4A74240C44B8BE5.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <div class="more"><a href="http://localhost:3000/dist/list.html">加载更多</a></div>
                            </div>
                        </div>
                    </li>
                    <li>智慧屏<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202109/FD9A2B9F03D38D146BAD3DFECF87B695.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/9720ED7916EAE17DA4948272203DACA5.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/F5DF0513D2484DF175F7FD97A2279AAF.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/DAB1AE399CF6DF0C44BF4B77A83BE3BF.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/DAB1AE399CF6DF0C44BF4B77A83BE3BF.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <div class="more">加载更多</div>
                            </div>
                        </div>
                    </li>
                    <li>智能穿戴<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/952DFA02F313B493E82F3E0F65B64146.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/E9F03D0C84CF98EADCF919AB4D5C26B2.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/16430E8D4A80FC118BC5559278175B20.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/AF89A338D5F27D470529FAA5A43C1E2C.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/B57F729B3C975C2B756B37502DFB85C0.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/AF89A338D5F27D470529FAA5A43C1E2C.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/51015D1A50EAA1370321E94EB2434F24.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <div class="more">加载更多</div>
                            </div>
                        </div>
                    </li>
                    <li>耳机音箱<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/D4FB3449003E0851536AC549CF48F8A3.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/B096A599E69B9E55A5CAEB7C998CFA57.jpg" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/A456A4C71691A9CA21F2F4C0B00547AC.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/C6940233628F17D11272A0E3184D1ABB.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/337C868D53214B031CA209F1FC67CB1C.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/F2788E8ECD1F563A6998CA11B07FED9B.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <div class="more">加载更多</div>
                            </div>
                        </div>
                    </li>
                    <li>电脑<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/4235E5D69BF9BF915577F1ADCBE65712.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/5348D032D60AEB1542500AF25A209040.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/883D53EF6523AECAC38223BE6F4E1148.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/CA037636864951F5945B9F067586F70F.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202108/35E80984ABB2CEE8DBF97ADCEA403A47.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/FDD9238B94F0466FEE616D8EEB78D94E.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <div class="more">加载更多</div>
                            </div>
                        </div>
                    </li>
                    <li>平板<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/76D8C6336AACE9418EDF0DFEEF0B2AB4.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/BB6118FEAF49B2110C6ABAF85CB9CDD9.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/BB6118FEAF49B2110C6ABAF85CB9CDD9.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/BB6118FEAF49B2110C6ABAF85CB9CDD9.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <div class="more">加载更多</div>
                            </div>
                        </div>
                    </li>
                    <li>智能路由<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/7358785191AD30AFD7E338D6F079CA5C.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/E37FAA302D000642C65F8308E89A807A.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/0CEE12D77CD386E94F43C0622EBB34DB.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <div class="more">加载更多</div>
                            </div>
                        </div>
                    </li>
                    <li>配件<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/05A4D960A9636F4EF8A460D0005A4CE5.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/F64ED3C128836DCE36518565191D48F6.jpg" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/DCA084923F2E9CCAEFDC81A4DCD96315.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/0412598040823D8F57E5A14B443C2889.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/147C9A35420253D1A88BB6D23C69AD0E.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/5EAB0E06880B3186D2F97F438E6F0762.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/594CD072CEAA628C9D24594675788AC7.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/FCA98D175255ACBF907FF81AF1F02359.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/E127CA7B85239A6DAB94C6EAD7BD9D73.jpg" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/634BF9F3523BDDA78ED5FC2C487313FA.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/59F65BAB137415A9020DC64441FA8AC4.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/ECCA6A0504167D86A5BF3AAE0FA3696B.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="more">
                                gengduo
                            </div> 
                        </div>
                    </li>
                    <!-- 需要更新 -->
                    <li>生态产品<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/7358785191AD30AFD7E338D6F079CA5C.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/E37FAA302D000642C65F8308E89A807A.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/0CEE12D77CD386E94F43C0622EBB34DB.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="more">
                                gengduo
                            </div>
                        </div>
                    </li>
                    <li>家用电器<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/05A4D960A9636F4EF8A460D0005A4CE5.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/F64ED3C128836DCE36518565191D48F6.jpg" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/DCA084923F2E9CCAEFDC81A4DCD96315.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/0412598040823D8F57E5A14B443C2889.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/147C9A35420253D1A88BB6D23C69AD0E.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/5EAB0E06880B3186D2F97F438E6F0762.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/594CD072CEAA628C9D24594675788AC7.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/FCA98D175255ACBF907FF81AF1F02359.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/E127CA7B85239A6DAB94C6EAD7BD9D73.jpg" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/634BF9F3523BDDA78ED5FC2C487313FA.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/59F65BAB137415A9020DC64441FA8AC4.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/ECCA6A0504167D86A5BF3AAE0FA3696B.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="more">
                                gengduo
                            </div>
                        </div>
                    </li>
                    <li>美食酒饮<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/7358785191AD30AFD7E338D6F079CA5C.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/E37FAA302D000642C65F8308E89A807A.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/0CEE12D77CD386E94F43C0622EBB34DB.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="more">
                                gengduo
                            </div>
                        </div>
                    </li>
                    <li>增值服务/企业商用<span>></span>
                        <div class="box-fix">
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/7358785191AD30AFD7E338D6F079CA5C.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/E37FAA302D000642C65F8308E89A807A.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="box">
                                <img alt="" draggable="false" src="https://res.vmallres.com/uomcdn/CN/cms/202104/0CEE12D77CD386E94F43C0622EBB34DB.png" class="swiper-img">
                                <div>HUAWEI Mate系列</div>
                            </div>
                            <div class="more">
                                gengduo
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- top4 -->
    <section class="bancen"></section>

    <!--  商品 -->
    <main class="bancen">
        <div id="activity-render" class="clear"></div>

        <p class="title">爆款推荐</p>
        <div id="hot-render"></div>

        <!-- 轮播图2 -->
        <div class="swiper-container container2">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202108/7D2CEAFD9BC5AD80B989F87DF30A5C12.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202109/CDE4A983184C04B60F76D5AC1E40F078.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202109/A70CEE9B1A2CF973B7ACADF7458BB972.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202108/CFCE1186FA8F721E27A461E4CC02E455.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202108/7D2CEAFD9BC5AD80B989F87DF30A5C12.jpg.webp" alt=""></div>
                <div class="swiper-slide"><img src="https://res.vmallres.com/uomcdn/CN/cms/202109/CDE4A983184C04B60F76D5AC1E40F078.jpg.webp" alt=""></div>
            </div>
            <div class="bancen" style="position: relative;">
                <div class="swiper-pagination" id="swiper-pagination"></div>
            </div>
        </div>

        <div class="title clear" id="phone">
            <div class="space">
                <div class="space-large">手机</div>
            </div>
            <div class="space">
                <div>智慧屏</div>
            </div>
            <div class="space">
                <div>精品平板</div>
            </div>
            <dt class="p-more"><a href="http://localhost:3000/dist/list.html">更多></a> </dt>
        </div>
        <div class="clear" id="list-render"></div>

        <div class="title clear" id="wear">
            <div class="space">
                <div class="space-large">智能穿戴&VR</div>
            </div>
            <div class="space">
                <div>智能手表</div>
            </div>
            <div class="space">
                <div>智能手环</div>
            </div>
            <div class="space">
                <div>耳机机箱眼睛</div>
            </div>
            <dt class="p-more">更多></dt>
        </div>
        <div class="clear" id="wear-render"></div>

        <div class="title clear" id="envir">
            <div class="space">
                <div class="space-large">生态精品</div>
            </div>
            <div class="space">
                <div>净化器</div>
            </div>
            <div class="space">
                <div>智能门锁</div>
            </div>
            <div class="space">
                <div>扫地清洁</div>
            </div>
            <div class="space">
                <div>智能水杯</div>
            </div>
            <div class="space">
                <div>影音娱乐</div>
            </div>
            <div class="space">
                <div>厨电卫浴</div>
            </div>
            <div class="space">
                <div>灯饰照明</div>
            </div>
            <div class="space">
                <div>摄像头</div>
            </div>
            <dt class="p-more"><a href="http://localhost:3000/dist/lifelist.html">更多></a></dt>
        </div>
        <div class="clear" id="life-render"></div>

        <div class="title clear" id="bear">
            <div class="space">
                <div class="space-large">美食酒饮</div>
            </div>
            <div class="space">
                <div>甄选美酒</div>
            </div>
            <div class="space">
                <div>严选良食</div>
            </div>
            <div class="space">
                <div>精选好物</div>
            </div>
            <dt class="p-more">更多></dt>
        </div>
        <div id="wine-render" class="clear"></div>
    </main>

    <footer>
        <div class="bancen clear" id="footer-top-render"></div>
        <div class="footer-middle clear bancen">
            <div id="footer-middle-left-render" class="clear"></div>
            <div id="footer-middle-right">
                <h3>950805</h3>
                <p>7 × 24小时客服热线（仅收市话费用）</p>
                <ul>在线客服</ul><br>
                <b>关注Vmail: 123456xixixi</b>
            </div>
        </div>
        <div class="footer-bottom bancen">
            <div class="float clear">
                <img class="vmall" src="https://res.vmallres.com/pimages/sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png" alt="">
            </div>
            <div class="group">
                <div>华为集团</div><span> | </span><div>华为CBG官网</div><span> | </span><div>花粉俱乐部</div><span> | </span><div>华为应用市场</div><span> | </span><div>HarmonyOS</div><span> | </span><div>华为终端云空间</div><span> | </span><div>开发者联盟</div><span> | </span><div>华为商城手机版</div><span> | </span><div>网站地图</div> <br>
                <dt>隐私声明&nbsp;</dt> <dt>服务协议&nbsp;</dt> <dt>COOKIES&nbsp;</dt> Copyright © 2012-2021 华为终端有限公司 版权所有 粤ICP备19015064号|<dt>粤公网安备 44190002003939号&nbsp;</dt> <br>
                增值电信业务经营许可证：粤B2-20190762|备案主体编号：44201919072182|粤新出网备（2021）2号 <br>
                <dt>互联网药品信息服务资格证（粤）-非经营性-2020-0102&nbsp;</dt> | 粤东食药监械经营备20203930
            </div>
            <div class="police">
                <img src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png" alt="">
            </div>
        </div>
    </footer>

    <aside>
        <div class="aside">
            <a href="http://localhost:3000/dist/cart.html">
                <img src="../static/img/cart.png" alt="">
            </a>
            <div>购物车</div>
        </div>
        <div class="aside">
            <a >
                <img src="../static/img/shouji.png" alt="">
            </a>
            <div>手机</div>
        </div>
        <div class="aside">
            <a >
                <img src="../static/img/watch.png" alt="">
            </a>
            <div>手表</div>
        </div>
        
        <div class="aside">
            <a >
                <img src="../static/img/life.png" alt="">
            </a>
            <div>生活用品</div>
        </div>
        <div class="aside">
            <a >
                <img src="../static/img/顶部.png" alt="">
            </a>
            <div>返回顶部</div>
        </div>


    </aside>

    
    
    
    <script src="../static/javascripts/jQuery.js"></script>
    <script src="../static/javascripts/axios.js"></script>
    <script src="../static/javascripts/utils.js"></script>

    <script src="./javascripts/index.js"></script>
    <script src="../static/javascripts/swiper.js"></script>
    <script src="../static/javascripts/myswiper.js"></script>
</body>
<script src="./javascripts/index.js"></script>
</html>